<template>
  <div class="modal-container">
    <ModalContent v-bind="$attrs" v-on="$listeners">
      <slot></slot>
    </ModalContent>
  </div>
</template>

<script>
import ModalContent from './ModalContent'

export default {
  name: 'ModalContainer',
  components: {
    ModalContent
  }
}
</script>

<style scoped lang="less">
  .modal-container {
    position: fixed;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    z-index: 2000;
  }
</style>
